<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>首页</title>
    <link href="CSS/common.css" rel="stylesheet" type="text/css" />
    <link href="CSS/main.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div class=”wrap”>
        <!--头部开始-->
        <div class="topbox">
            <div class="topscan">
                <a href="#">
                    <img src="images/scan.png" height="36px" />
                </a>
            </div>
            <div class="topsearchbox">
                <div class="left">
                    <input id="tbxKey" type="text" class="topinputxt" placeholder="请输入商品关键字" />
                </div>
                <div class="right">
                    <input type="submit" id="btnSearch" value="搜索" class="topsearchbtn" />
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <!--头部结束-->
        <!--主体开始-->
        <div class="main">
            <div class="bannerpic">
                <img src="images/banner.png" width="100%">
            </div>
            <div class="linkbox">
                <div class="linkbtn">
                    <a href="#">
                        <div class="img">
                            <img src="images/icon1.png" height="44px">
                        </div>
                        <div class="txt">兑换专区</div>
                    </a>
                </div>
                <div class="linkbtn">
                    <a href="#">
                        <div class="img">
                            <img src="images/icon1.png" height="44px">
                        </div>
                        <div class="txt">兑换专区</div>
                    </a>
                </div>
                <div class="linkbtn">
                    <a href="#">
                        <div class="img">
                            <img src="images/icon1.png" height="44px">
                        </div>
                        <div class="txt">兑换专区</div>
                    </a>
                </div>
                <div class="linkbtn">
                    <a href="#">
                        <div class="img">
                            <img src="images/icon1.png" height="44px">
                        </div>
                        <div class="txt">兑换专区</div>
                    </a>
                </div>
                <div class="linkbtn">
                    <a href="#">
                        <div class="img">
                            <img src="images/icon1.png" height="44px">
                        </div>
                        <div class="txt">兑换专区</div>
                    </a>
                </div>
                <div class="linkbtn">
                    <a href="#">
                        <div class="img">
                            <img src="images/icon1.png" height="44px">
                        </div>
                        <div class="txt">兑换专区</div>
                    </a>
                </div>
                <div class="linkbtn">
                    <a href="#">
                        <div class="img">
                            <img src="images/icon1.png" height="44px">
                        </div>
                        <div class="txt">兑换专区</div>
                    </a>
                </div>
                <div class="linkbtn">
                    <a href="#">
                        <div class="img">
                            <img src="images/icon1.png" height="44px">
                        </div>
                        <div class="txt">兑换专区</div>
                    </a>
                </div>

                <div class="clear"></div>
            </div>
            <!--linkbox结束-->
            <div class="indextopnews">
                <div class="left">
                    <img src="images/topnewsicon.png" height="32px">
                </div>
                <div class="right">
                    <a href="#">你拒绝了解佰商惠的机会，就意味着堵死自己的财富通道</a>
                </div>
            </div>
            <!--indextopnews结束-->
            <div class="indexprobox">
                <div class="indextitle">
                    <img src="images/icon9.png" height="24px">家用电器
                </div>
                <div class="indexpro">
                    <div class="img">
                        <img src="images/propic1.jpg" width="100%">
                    </div>
                    <div class="txt">家用净化器 土豪金智能净</div>
                    <div class="price">2700.00 积分 + ￥270.00</div>
                </div>
                <div class="indexpro">
                    <div class="img">
                        <img src="images/propic1.jpg" width="100%">
                    </div>
                    <div class="txt">杰诺水过滤家用吸尘器地毯</div>
                    <div class="price">1566.00 积分+ ￥156.60</div>
                </div>
                <div class="clear"></div>
            </div><!--indexprobox结束-->

        </div><!--主体结束-->
        <!--底部菜单开始-->
        <div class="bottombox">
            <div class="bottombtn">
                <a href="#">
                    <div class="img">
                        <img src="images/ico1.png" height="26px">
                    </div>
                    <div class="txt">首页</div>
                </a>
            </div>
            <div class="bottombtn">
                <a href="#">
                    <div class="img">
                        <img src="images/ico2.png" height="26px">
                    </div>
                    <div class="txt">商品分类</div>
                </a>
            </div>
            <div class="bottombtn">
                <a href="#">
                    <div class="img">
                        <img src="images/ico3.png" height="26px">
                    </div>
                    <div class="txt">积分兑换</div>
                </a>
            </div>
            <div class="bottombtn">
                <a href="#">
                    <div class="img">
                        <img src="images/ico4.png" height="26px">
                    </div>
                    <div class="txt">我的</div>
                </a>
            </div>
            <div class="clear"></div>
        </div>
        <!--底部菜单结束-->
    </div>
</body>

</html>